{include file="public_head" /}

<!-- datatables -->
<link href="__STATIC__/js/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<!-- Select2 -->
<link href="__STATIC__/css/select/select2.min.css" rel="stylesheet">
<!-- chk_3 -->
<link href="__STATIC__/css/chk_3.css" rel="stylesheet" type="text/css"/>

<body class="nav-md">

<div class="container body">


    <div class="main_container">

        {include file="public_sidebar,public_nav" /}

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="">
                <div class="page-title">
                    <div class="title_left">
                        <h3>
                            订单管理
                        </h3>
                    </div>
                </div>
                <div class="clearfix"></div>

                <div class="row">

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>{$mate_title}
                                    <!--<small>promotion</small>-->
                                </h2>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form name="form" id="form" method="get" action="">

                                    <div class="title_left">
                                        <div class="col-md-2 col-sm-3 col-xs-6 form-group pull-left top_search">
                                            <div class="input-group" style="float: left;margin: 0 2%;">
                                                <select name="status" class="select2_single" style="width: 100%;" tabindex="-1">
                                                    <option value="-1">- 请选择订单状态 -</option>
                                                    <option value="0" {eq name=':input("status")' value='0' }selected{/eq}>未支付</option>
                                                    <option value="1" {eq name=':input("status")' value='1' }selected{/eq}>已支付</option>
                                                    <option value="2" {eq name=':input("status")' value='2' }selected{/eq}>已发货</option>
                                                    <option value="3" {eq name=':input("status")' value='3' }selected{/eq}>已收货</option>
                                                    <option value="4" {eq name=':input("status")' value='4' }selected{/eq}>已完结</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-2 col-sm-3 col-xs-6 form-group pull-left top_search">
                                            <div class="input-group" style="width: 80%;">
                                                <input type="text" class="form-control" name="title" width="100%"
                                                       placeholder="输入搜索内容..." value="{:input('title')}">
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary" style="margin-left: 10px;">搜 索</button>
                                    </div>

                                    <table class="table table-striped table-bordered">
                                        <thead>
                                        <tr>
                                            <th>订 单 号</th>
                                            <th>买家账号</th>
                                            <th>订单金额</th>
                                            <th>订单状态</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>

                                        <tbody>
                                        {empty name="data"}
                                        <tr><td colspan="5"><div style='font-size:24px;margin:30px 0;'>没有找到记录</div></td></tr>
                                        {/empty}
                                        {volist name="data" id="item"}
                                        <tr>
                                            <td>{$item.order_number}</td>
                                            <td>{$item.username}</td>
                                            <td>{$item.price}</td>
                                            <!--<td>{$item.way}</td>-->
                                            <td>
                                                {switch name="item.status"}
                                                {case value="0"}未支付{/case}
                                                {case value="1"}已支付{/case}
                                                {case value="2"}已发货{/case}
                                                {case value="3"}已收货{/case}
                                                {default /}出错啦
                                                {/switch}
                                            </td>
                                            <td>
                                                <a href="{:url('console/Auction/order_examine', ['id' => $item['id']])}"
                                                   class="label label-primary">
                                                    <span class="fa fa-pencil"></span>&nbsp;&nbsp;查 看
                                                </a>
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                            </td>
                                        </tr>
                                        {/volist}
                                        </tbody>
                                    </table>
                                    <!-- 分页 -->
                                    <div style="float: right;margin-top: -30px;">{$data->render()}</div>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <!-- /page content -->
    </div>

</div>

{include file="public_foot" /}
<!--select-->
<script src="__STATIC__/js/select/select2.full.min.js"></script>
<!-- daterangepicker -->
<script src="__STATIC__/js/datepicker/daterangepicker.js"></script>
<!-- public -->
<script src="__STATIC__/js/public.js"></script>
<!-- layer -->
<script src="__STATIC__/js/layer.js"></script>
<script type="text/javascript">
    // list
    $(document).ready(function () {
        // select2
        $(".select2_single").select2({
            placeholder: "请选择分类",
            allowClear: true
        });
        $(".select2-container").css({width:"88%"})
        // interval_timer
        $('#interval_timer').daterangepicker(null,
                function(start, end, label) {
//                console.log(start.toISOString(), end.toISOString(), label);
                });
    });
</script>